
import React, { forwardRef } from 'react'
import { cx, getPrefixCls } from '@hi-ui/classname'
import { __DEV__ } from '@hi-ui/env'
import { IconProps } from '../../@types/props'

const _prefix = getPrefixCls('icon-menu-unfold-outlined')

export const MenuUnfoldOutlined = forwardRef<SVGSVGElement | null, IconProps>(
  ({ prefixCls = _prefix, className, children, size, style: styleProp, ...rest }, ref) => {
    const cls = cx(prefixCls, className)
    const style = { fontSize: size, ...styleProp }

    return (
      <svg className={cls} ref={ref} role="icon" style={style} {...rest}  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" version="1.1"><path d="M896 789.333333a42.666667 42.666667 0 1 1 0 85.333334H128a42.666667 42.666667 0 1 1 0-85.333334h768z m-158.165333-414.165333a42.666667 42.666667 0 0 1 60.330666 0l106.666667 106.666667 2.496 2.709333a42.666667 42.666667 0 0 1-2.496 57.621333l-106.666667 106.666667-2.709333 2.496a42.666667 42.666667 0 0 1-57.621333-2.496l-2.496-2.709333a42.666667 42.666667 0 0 1 2.496-57.621334L814.293333 512l-76.48-76.501333-2.496-2.709334a42.666667 42.666667 0 0 1 2.496-57.621333zM469.333333 469.333333a42.666667 42.666667 0 1 1 0 85.333334H149.333333a42.666667 42.666667 0 1 1 0-85.333334zM896 149.333333a42.666667 42.666667 0 1 1 0 85.333334H128a42.666667 42.666667 0 1 1 0-85.333334h768z" p-id="49736"></path></svg>
    )
  }
)

if (__DEV__) {
  MenuUnfoldOutlined.displayName = 'MenuUnfoldOutlined'
}
  